<template>
  <object
    type="image/svg+xml"
    :data="require(`../assets/logo.svg`)"
    :height="height"
    :style="style"
  >
    北航Logo
  </object>
</template>

<script lang="ts">
import { defineComponent, ref, reactive } from "vue";

export default defineComponent({
  name: "Logo",
  setup() {
    const height = ref("50px");
    const style = reactive({
      margin: "7px"
    });
    return {
      height,
      style
    };
  }
});
</script>

<style scoped></style>
